<template>
  <div>
     <swiper arrowDistance="20px" arrowMode="skip" :showNum="3" :is3d="true" :isChangePage="false"
      :isDrag="true" :pageShow="true" :arrowShow="true" :loop="true" interval="20px">
     	<template #content>
				<a v-for="i in 7" href="" class="albumItem">
					{{i}}
					<img src="../../../assets/img/test3.jpg" alt=""/>
				</a>
     	</template>
     </swiper>
  </div>
</template>

<script>
	// https://www.cnblogs.com/kharvey/p/13554654.html
	import swiper from '../../../components/swiper/swiper.vue'
  export default{
    name:'',
    data(){
      return {
          
       }
    },
    methods:{
      
    },
    components:{
       swiper
    }
  }
</script>

<style scoped>
	.albumItem{
		width: 350px;
		height: 245px;
		opacity: 0.6;
	}
	.albumItem:hover{
		opacity: 1;
	}
	.albumItem img{
		width: 100%;
		height: 100%;
	}
	.active{
		position: absolute;
		transform: scale(1.3);
		left: 25%;
	}
</style>
